import React, {
  useEffect,
  useState,
  forwardRef,
  useImperativeHandle,
} from "react";

const Footer1 = (props: any, ref: any) => {
  console.log("Footer1111", props, ref);

  useImperativeHandle(ref, () => {
    return {
      onFinsh,
    };
  });
  const onFinsh = () => {
    console.log("onFinsh");
  };

  return (
    <div>
      <div>Footer1</div>
    </div>
  );
};

export default forwardRef(Footer1);
